<template>
  <div id="nucleicchoice">
    <div class="bigbox">
      <div class="box1">
      <el-card class="box-card" shadow="hover">
        <div slot="header" class="clearfix">
          <span>核酸单采</span>
          <router-link :to="{name:'notice',params:{price:16}}" style="text-decoration: none">
            <el-button style="float: right; padding: 3px 0" type="text" @click="saveCheckId" >确认选择</el-button>
          </router-link>
          
        </div>

        {{ "具有以下情况人员请选择核酸单采，每次16元 " }}<br />
        {{ "(1)健康码异常---黄码或红码人员；" }}<br />
        {{ "(2)流行病学史---14天内有境外及中高风险地区旅居史" }}<br />
        {{
          "(3)接触史---7天内境外及中高风险地区人员、物品接触史/接触过病例或存在轨迹交叉/有2例及以上聚集性发病史;"
        }}<br />
        {{ "(4）新冠十大症状、高风险岗位人员、医学观察隔离期人员。" }}<br />
        {{
          "(5）按社区要求进行居家健康监测期限未满人员(来自发生本土疫情的设区市来淮、返淮人员)  "
        }}<br />
      </el-card>
    </div>

    <div class="box2">
      <el-card class="box-card" shadow="hover">
        <div slot="header" class="clearfix">
          <span>核酸混检</span>
          <router-link :to="{name:'notice',params:{price:4}}" style="text-decoration: none">
            <el-button style="float: right; padding: 3px 0" type="text" @click="saveCheckId2">确认选择</el-button>
          </router-link>
        </div>

        {{ "核酸混检,每次4元 " }}
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
      </el-card>
    </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    saveCheckId:function(){
      this.$store.state.checkId="1";
    },
    saveCheckId2:function(){
      this.$store.state.checkId="2";
    }
  },
  comments: {},
};
</script>

<style scoped>
.bigbox{
  height: 500px;
}
.box1{
  margin-top: 40px;
  margin-left: 15%;
  float: left;
}
.box2{
  margin-top: 40px;
  margin-left: 20px;
  float: left;
}
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.box-card {
  width: 480px;
}
</style>